<template>
  <div>
    <Header></Header>
    <router-view></router-view>
    <Footer v-show="$route.meta.show"></Footer>
    <!-- 路由组件出口位置 -->
    <!-- 底部Footer组件，时而显示，时而隐藏 -->
    <!-- 第一种解决方案:当然现在目前看着可以的 -->
    <!-- <Footer v-show=" $route.path=='/home'||$route.path=='/search' "></Footer> -->
    <!-- 通过当前路由的元信息判断footer显示与隐藏 -->
  </div>
</template>

<script>
//不管你路由组件、非路由组件，他们身上都有$route|$router
//路由属性:可以看到query参数、params参数、路径
//路由器属性:编程式导航 push|replace
export default {
  name: "",
  mounted() {
    this.$store.dispatch("home/getCategory");
    console.log(123);
  },
};
</script>

<style scoped>
</style>
